<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>详情页面</title>

<!--引入jquery-->
<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"
	type="text/javascript" charset="utf-8"></script>
<!--引入bootsrap-->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/bootstrap.css" />
<script src="${pageContext.request.contextPath}/js/bootstrap.js"
	type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/user/index.css" />
	<style type="text/css">
	img{
			width:300px;
			height:300px;
			margin-top: 50px;
			margin-left: 100px;
		
		}
	</style>
</head>
<body>

	<!--导航条-->
	<jsp:include page="/user/header.jsp"></jsp:include>
	
			<!--商品列表-->
		<div class="container main">
			<div class="col-md-12">
			</div>
			
			<div class="col-md-12">	
		<!--商品详情-->
		<div class="container pro">
			<div class="col-md-6">
				<img class="pro-img" src="${pageContext.request.contextPath }/image/${hotelinfor.hImg }">
			</div>
			<br>
			<br>
			<br>
			<div class="col-md-6">
				<div class="pro-name"><strong>${hotelinfor.hname }</strong></div>			
				<div class="pro-price">
					售价: <strong style="color:#ef0101;">&yen;：${hotelinfor.hprice }元</strong> 
				</div>
			
				<div class="pro-desc">
					<p>${hotelinfor.harea }</p>
				</div>
			
				<div class="pro-price">
					是否预定（预定为0，未预定为1）: <strong style="color:#ef0101;">${hotelinfor.hbooking }</strong> 
				</div>
				<div class="pro-price">
					预定类型: <strong style="color:#ef0101;">${hotelinfor.htype }</strong> 
				</div>
				<div class="pro-price">
					是否有早餐（有为0，没有为1）: <strong style="color:#ef0101;">${hotelinfor.hbreakfast }</strong> 
				</div>
				
					<form action="${pageContext.request.contextPath }/ShopServlet?action=buy1" method="post">
						<div class="pro-buy-num">
							<!-- 向服务端发送 商品pid-->
							<input type="hidden" name="hid" value="${hotelinfor.hid }"/>
							<input type="hidden" name="pid" value="${user.pid }"/>							
						</div>
						<div class="form-group pro-buy-btn">
						    <button type="submit" class="btn btn-danger">预定</button>
						</div>
					</form>							
				</div>				
			</div>	
	<jsp:include page="/user/footed.jsp"></jsp:include>
</body>
</html>